<template>
    <!--详情页面下  楼盘测评 选项卡下的 头部展示内容====Information-->
    <div>
        <el-table align="center"
                  :data="HouseText"
                  style="width: 100%">
            <el-table-column align="center"
                             prop="subDate"
                             label="提交时间"
                             min-width="150">
            </el-table-column>
            <el-table-column align="center"
                             prop="houseName"
                             label="楼盘名称"
                             min-width="180">
            </el-table-column>
            <el-table-column align="center"
                             prop="address"
                             label="楼盘地址"
                             min-width="180">
            </el-table-column>
            <el-table-column align="center"
                             prop="price"
                             label="楼盘价格"
                             min-width="120">
            </el-table-column>
            <el-table-column align="center"
                             prop="reHouseText"
                             label="测评结果"
                             min-width="220">
            </el-table-column>
        </el-table>
    </div>
</template>
<!--详情页面下  楼盘测评 选项卡下的 头部展示内容  ===引入到Information-->
<script>
    export default {
        name: "ZxHouseText",
       data(){
            return{
                /*买房管家下==详情页面==楼盘测评选项卡下===第一部分渲染内容*/
                HouseText:[{
                    subDate: '2015-02-04  06:22:15',
                    houseName: '中德英伦联邦',
                    address: '高新区-大源',
                    price: '均价8000元/平米',
                    reHouseText: '楼盘测评需求，楼盘测评未完成',
                },
                    {
                        subDate: '2015-02-04  06:22:15',
                        houseName: '中粮鸿云',
                        address: '锦江区-攀成钢',
                        price: '均价8000元/平米',
                        reHouseText: '楼盘测评需求，楼盘测评未完成',
                    }],
            }
       },
        methods:{
            /*管理报告按钮*/
            manageReport(){
                this.dialogFormVisible=true
            },
            onOpen(){

            },
            cancel(){
                this.dialogFormVisible=false
            },
            handleClick(tab, event) {
                /* console.log(tab, event);*/
            }
        }

    }
</script>

<style lang="less" scoped>
.flex-container {
    display: -webkit-flex;
    display: flex;
    /*  width: 400px;
      height: 250px;*/
    background-color: lightgrey;
}

.flex-item {
    /*  background-color: cornflowerblue;*/
    width: 260px;
    height: 50px;
    margin: 2px;
    p{
        padding: 10px 0;
    }
}
</style>